<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>无标题文档</title>
		<!--框架必需start-->
		<script type="text/javascript" src="../../libs/js/jquery.js"></script>
		<script type="text/javascript" src="../../libs/js/language/cn.js"></script>
		<script type="text/javascript" src="../../libs/js/framework.js"></script>
		<link href="../../libs/css/import_basic.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" type="text/css" id="skin" prePath="../../" />
		<link rel="stylesheet" type="text/css" id="customSkin" />
		<!--框架必需end-->
		
		
		<link rel="stylesheet" type="text/css" href="style/style.css"/>
		<style type="text/css">
			body{
				background: #EDF2F6;
			}
		</style>
	</head>

	<body>
		<table border="0" cellspacing="0" cellpadding="0" style="width: 100%;">
			
			<tr>
				<td style="width: 100%;">
					<!--<div style="width:100%;height: 360px;background-color: red;"></div>-->
					<div class="" style="height: 360px;background: white;overflow: hidden;">
						<div class="" style="padding: 20px;">
							<div class="styles_info">
								<span>引领视觉科技</span>
								<p>新版Quick UI是我们花费5年时间倾力打造的一款产品，历经时间的检验和众多项目的考验，现在产品的功能非常稳定和全面，界面美观大方，能给客户带来不一样的体验。</p>
								<a href="http://www.uileader.com" target="_blank">查看更多</a>
								<div class="info_cont01"></div>
								<div class="info_cont02"></div>
								<div class="info_cont03"></div>
							</div>
							<div class="common_1">
								<img src="style/fengge_a-2x.png"/>
								<span>首页导航模块</span>
							</div>
							<div class="common_1">
								<img src="style/quanju_a-2x.png"/>
								<span>首页导航模块</span>
							</div>
							<div class="common_1">
								<img src="style/icon_a-2x.png"/>
								<span>首页导航模块</span>
							</div>
							<div class="clear"></div>
						</div>
					</div>
				</td>
				<td style="width: 500px;">
					<div style="width:500px;height: 360px;">
						<div class="styles_info03">
							<div class="top1">
								<i style="background: url(style/content-2x.png);"></i>
								<span>发布能容</span>
							</div>
							<div class="top1 top2">
								<i style="background: url(style/push-2x.png);"></i>
								<span>推送消息</span>
							</div>
							<ul>
								<li>App模块管理</li>
								<li><b></b></li>
								<li>举报审核</li>
								<li><b></b></li>
								<li>内容评论</li>
								<li><b></b></li>
								<li>意见反馈</li>
								<div class="clear"></div>
							</ul>
							<div class="btns">
								<span>工单服务</span>
								<span class="btn_margin">工单服务</span>
								<span>工单服务</span>
								<span class="btn_margin">工单服务</span>
								<div class="clear"></div>
							</div>
						</div>
						<div class="clear"></div>
					</div>
				</td>
			</tr>
		</table>	
			
			
		<table border="0" cellspacing="0" cellpadding="0" style="width: 100%;">	
			<tr>
				<td style="width: 100%;">
					<div class="" style="height: 360px;padding: 20px 0;">
						<div id="container" style="width:100%; height: 360px;background: #fff;"></div>
						<!--<table border="0" cellspacing="0" cellpadding="0" style="width: 100%;">
							<tr>
								<td style="width: 100%;background: red;">
									<div style="height: 320px;padding-top: 20px;">
										<div id="container" style="width:100%; height: 320px;"></div>
									</div>
								</td>
								<td style="width: 350px; background: #fff;">
									<div style="width: 350px;height: 320px;padding-top: 20px;">
										<div class="chart_card">
											<div class="list_data">当日活跃树 0</div>
											<div class="list_data" style="background-color: #ED8175;">当日活跃树 0</div>
											<div class="list_data" style="background-color: #F5B963;">当日活跃树 0</div>
											<div class="list_data" style="background-color: #1BBC9B;">当日活跃树 0</div>
										</div>
									</div>
								</td>
							</tr>
						</table>-->
					</div>
				</td>
				<td style="width: 400px;">
					<div style="width:400px;height: 360px;background: #fff;">
						<div class="chart_card">
							<div class="list_data">当日活跃树 0</div>
							<div class="list_data" style="background-color: #ED8175;">当日活跃树 0</div>
							<div class="list_data" style="background-color: #F5B963;">当日活跃树 0</div>
							<div class="list_data" style="background-color: #1BBC9B;">当日活跃树 0</div>
							<div class="clear"></div>
						</div>
					</div>
				</td>
			</tr>
		</table>

	<script src="../../libs/thirdparty/highcharts/js/highcharts.js"></script>
	<script type="text/javascript">
		$('#container').highcharts({
            chart: {
	            zoomType: 'x'
	        },
	     	title: {
                text: '统计'
            },
	      	
            xAxis: {
                categories: ['7/12','7/13','7/14','7/15','7/16','7/17','7/18']
            },
            yAxis: {
                title: {
                    text: ''
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },
            tooltip: {
              crosshairs: true,
                valueSuffix: ''
            },
        	plotOptions: {
                series: {
                    cursor: 'pointer',
                    point: {
                        events: {
                            click: function() {
                                alert(this.series.name+","+this.x+","+this.y)
                            }
                        }
                    },
                    marker: {
                        lineWidth: 1
                    }
                }
            },
            series: [{
                name: 'TOUCH UI',
                data: [500,2000,1200,2000,100,500,1500],
                color: '#F97775'
            }, {
                name: 'QUICK UI',
                data: [500,800,1000,10,800,1500,1000],
                 color: '#60A7DF'
            }],
            colors:['#62B8E9','#ED8175','#F5B963','#1BBC9B']
        });
        
	</script>
	</body>

</html>